<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>地图导航</title>
</head>
<style>
            *{
                margin:0;
                padding: 0;
            }
            #container{
                width: 100%;
                height: 100vh;
                background-color: white
            }


</style>
<body>
<div id="container"></div>

<script type="text/javascript">
          window._AMapSecurityConfig = {
            securityJsCode: "f96b16e7f68c7b58363eb7653f5085aa"
          }

</script>

<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=0b1003d779c5cb4f54560065d9355893"></script>

<script type="text/javascript">
          //地图初始化应该在地图容器div已经添加到DOM树之后
          var map = new AMap.Map("container", {
            zoom: 15,//缩放级别
            center: [108.160368,29.282944],//中心点坐标
            //121.48500,31.206309
          });

        function beginDriving(start, end){
            AMap.plugin(["AMap.Driving"], function() { //加载驾车服务插件
               var drivingOptions = {
                   //驾车策略，包括 LEAST_TIME，LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC
                   policy: AMap.DrivingPolicy.LEAST_TIME,
                   map
               };
               var driving = new AMap.Driving(drivingOptions);
               //根据起终点坐标规划驾车路线
               var points = [{keyword: start}, {keyword: end}]
               driving.search(points, function(status, result){

               });
            });
        }

        //beginDriving("上海火车站","杭州东站")


</script>
</body>
</html>